<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>语义化标签</title>
  </head>
  <body>
    <!--
      块元素 (block element)
          - 在网页中一般通过块元素来对页面进行布局

      行内元素(inline element)
          - 行内元素主要用来包裹文字



      注意:  一般情况下会在块元素中放行内元素,而不会在行内元素中放块元素
             块元素中基本上什么都能放, 但是p元素中不能放任何的块元素

      浏览器在解析网页时,会自动对网页中不符合规范的地方进行修正。
        比如:
          标签写在了根元素的外部。
          p元素中嵌套了块元素
          根元素中出现了除head和body以外的子元素
          ... ...
    -->

    <h1><em>aaa</em></h1>

  </body>
</html>
<!--会被浏览器修复-->
<h1>我就是要写在html外面</h1>
